<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<title>${dest.name }</title>
    <%@include file="/ui/mobile/head.jsp"%>
</head>
<body>
    <div class="page">
        <div class="page-top">
            <div class="page-top-left">
                <a href="${cpath }/mobile/hotel.do?action=viewHotelHome">
                    <img src="${cpath}/resources/mobile/img/icon/back.png" height="35" /></a>
            </div>
            <div class="page-top-center">${dest.name }</div>
            <div class="page-top-right" style="display: none">
                <a href="首页.html">
                    <img src="img/icon/l.png" height="35" /></a>
            </div>
        </div>
        <div class="page-content">
            <div class="h-list">
            	<c:forEach var="hotel" items="${hotels }">
                <div class="h-mod">
                    <div class="h-mod-img">
                    	 <a href="${cpath }/mobile/hotel.do?action=viewHotel&hotelId=${hotel.hotelId }">
                        <img class="lazy" data-original="${image_domain }${hotel.source}${hotel.normal}"  src="${cpath}/resources/mobile/img/grey.gif"/>
                        </a>
                    </div>
                    
                    <div class="h-mod-title">
                     <a href="${cpath }/mobile/hotel.do?action=viewHotel&hotelId=${hotel.hotelId }">
                     	${hotel.zhname}
                     </a>
                    </div>
                </div>
                </c:forEach>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script src="${cpath}/resources/mobile/js/lazyload/jquery.lazyload.js"></script>
    <script type="text/javascript">
    	 $(function() {
    	     $("img.lazy").lazyload();
    	  });
    </script>
    <%@include file="/ui/mobile/footer.jsp"%>
</body>
</html>
